<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>产品服务</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/animate.min.css" />
	<link rel="stylesheet" href="css/wxstyle.css" />
	<link rel="stylesheet" type="text/css" href="css/pcgwbase.css" />
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">


</head>

<body class="wyhome">


	<div id="header" v-cloak></div>
	<div id="product" v-cloak>
		<!--轮播-->
		<div class="xybanner">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img :src="bannerImage" alt="..." style="width:100%;">
					</div>
				</div>
			</div>
		</div>

		<div class="interactbox wypro container">
			<div class="title_box">
				<h2>产品中心</h2>
				<!--<p>PRODUCT CENTER</p>-->
			</div>


			<div>
				<a class="interactbos" href="deproduct.html" v-for="(item, index) in productList" :key="index">
					<div class="interact_left" :style="item.backgroundDiv">
					</div>
					<div class="interact_right">
						<h3>{{item.name}}</h3>
					</div>
				</a>
			</div>

			<!-- <nav aria-label="Page navigation example">
				<ul class="pagination justify-content-end">
					<el-pagination background layout="prev, pager, next" :total="total" :page-size="params.pageSize"
						@current-change="getProductList" :current-page.sync="params.pageNo">
					</el-pagination>
				</ul>
			</nav> -->
		</div>
	</div>
	<div id="footer"></div>

</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- GET请求参数格式化处理js -->
<script src="https://cdn.bootcss.com/qs/6.8.0/qs.min.js"></script>
<script type="text/javascript" src="js/web/axiosconfig.js"></script>
<script type="text/javascript" src="js/web/product.js"></script>
<script>
	$("#header").load("header.html");
	$("#footer").load("footer.html");
</script>

</html>